<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Tabularium</title>
        <script src="media/js/config.js"></script>
        <script src="media/js/skel.min.js"></script>
        <link rel="stylesheet" href="media/css/style.css" />
        <link rel="stylesheet" href="media/css/grid.css" />
        <link rel="stylesheet" href="media/css/style-desktop.css" />
        <link rel="stylesheet" href="media/css/style-wide.css" />
    </h:head>
    <h:body>

        <body class="left-sidebar">
            <!-- Wrapper -->
            <div id="wrapper">

                <!-- Content -->
                <div id="content">
                    <div id="content-inner">

                        <!-- Post -->
                        <article class="is-post is-post-excerpt">

                            <header>
                                <ui:insert name="title">

                                </ui:insert>
                            </header>
                            <div class="info">

                                <span class="date">
                                    <span class="month">#{managerLayout.mes}
                                        <span>uary</span>
                                    </span> 
                                    <span class="day">#{managerLayout.dia}</span>
                                    <span class="year">#{managerLayout.ano}</span>
                                    <div class="clear"/>
                                    <p:clock pattern="HH:mm:ss"/>
                                </span>

                            </div>

                            <ui:insert name="body">
                            </ui:insert>
                        </article>
                    </div>
                </div>

                <!-- Sidebar -->
                <div id="sidebar">
                    <div class="loggeduser">
                        <h:form prependId="false">
                            <p>Olá <a href="#">#{managerLayout.user}</a> | 
                                <p:commandLink actionListener="#{managerLayout.logout()}" >Sair</p:commandLink></p>
                        </h:form>
                    </div>
                    <!-- Logo -->
                    <a href="/Tabularium-war">
                        <div id="logo">
                            <img src="media/images/logo.png" class="logo" />
                        </div>
                    </a>

                    <!-- Nav -->
                    <nav id="nav">
                        <ul>
                            
                            <p:panel style="border: none; margin: 0px 0px 0px -10px; padding: 0px; width: 115%;"
                                     rendered="#{managerLayout.usuarioLogado.id == 1}">
                                <li class="current_page_item"><a href="indexconfiguracaoglobal.xhtml">Configuração Sistema</a></li>
                            </p:panel>
                            <p:panel style="border: none; margin: 0px 0px 0px -10px; padding: 0px; width: 115%;"
                                     rendered="#{managerLayout.projetoTabularium}">
                                <li class="current_page_item"><a href="#">Protocolo</a></li>
                                <li><a href="criarprotocolo.xhtml">Cadastrar</a></li>
                                <li><a href="pesquisarprotocolo.xhtml">Pesquisar</a></li>
                                <li><a href="#">Trâmite</a></li>
                                <li><a href="indexcliente.xhtml">Cliente</a></li>
                                <li><a href="relprocesso.xhtml">Relatório</a></li>
                                <li class="current_page_item"><a href="#">Acervo</a></li>
                                <li><a href="indexarquivo.xhtml">Etiqueta</a></li>
                                <li><a href="indexportaria.xhtml">Portaria</a></li>
                                <li><a href="indexdeclaracao.xhtml">Declaração Nasc. Vivos</a></li>
                                <li><a href="indexcertidaoobito.xhtml">Certidão de óbito</a></li>
                                <li><a href="indexfolhapagamento.xhtml">Folha de Pagamento</a></li>
                            </p:panel>

                            <p:panel style="border: none; margin: 0px 0px 0px -10px; padding: 0px; width: 115%;"
                                     rendered="#{managerLayout.projetoTabulario}">
                                <li class="current_page_item"><a href="indexprojeto.xhtml">Projeto</a></li>
                                <li><a href="indexempresa.xhtml">Empresa</a></li>
                            </p:panel>
                            <li><a href="indexsecretaria.xhtml">Campus</a></li>
                            <li><a href="indexusuario.xhtml">Usuário</a></li>
<!--                            <li class="current_page_item"><a href="indexconfiguracao.xhtml">Configurações</a></li>-->
                        </ul>
                    </nav>

                    <!-- Search -->
                    <!--                    <section class="is-search">
                                            <form method="post" action="#">
                                                <input type="text" class="text" name="search" placeholder="Pesquisar" />
                                            </form>
                                        </section>-->

                    <!-- Copyright -->
                    <div id="copyright">
                        <p>
                            &copy; 2014 <a href="http://foxinline.com">Fox Inline Technologies</a>.<br />
                        </p>
                    </div>

                </div>

            </div>

        </body>
    </h:body>
</html>
